<div class="po-toolbar-notification po-clickable" (click)="popup.toggle()">
  <po-icon #notification p-icon="ICON_NOTIFICATION" class="po-toolbar-icon"></po-icon>
  @if (notificationNumber) {
    <div class="po-toolbar-notification-badge">
      {{ notificationNumber }}
    </div>
  }
</div>

<po-popup #popup p-size="medium" [p-actions]="notificationActions" [p-target]="notificationRef"> </po-popup>
